@charset "utf-8";

/** pane layout */
#order_main {width:1920px; height:800px; overflow: hidden;}
#leftpane {position:absolute; top:0px; left:0px; width:1125px; height:800px; border-right: 10px soild #333; visibility: hidden;}
#middlepane {position:absolute; top:0px; left:0px; width:1125px; height:800px; border-right: 1px solid #cccccc;}
#rightpane {position:absolute; top:0px; left:1130px; width:400px; height:750px;}

/** ----------------------------------- menu section --------------------- */
#menu {width:700px;}

.menubutton {
	display:inline-block;
	background:url('images/button.png') transparent no-repeat -280px 0px;
	margin:0;
	text-align:center;
	font-size:20px;
    font-weight: bold;
    float: left;
    font-size: 20px;
    width:130px;
    height:50px;
    padding: 20px 5px 0 5px;
    vertical-align: center;
}


.menubutton:hover {
  cursor:pointer;
}

.activemenu {
  background:url('images/button.png') transparent no-repeat -280px -70px;
  cursor:pointer;
  color:#7FFF00;
}

/** -------------------------------- dish section ------------------------ */

#dish {width:700px;}

.dishbutton {
	display:inline-block;
	background:url('images/button.png') transparent no-repeat -140px 0px;
	margin:0;
	text-align:center;
	font-size:22px;
    font-weight: bold;
    float: left;
    font-size: 16px;
    width:130px;
    height:50px;
    padding: 20px 5px 0 5px;
    vertical-align: center;
    color:#F5E819;
    visibility: hidden;
}


.dishbutton:hover {
  cursor:pointer;
}

.visibledish {visibility: visible;}

.activedish {
  background:url('images/button.png') transparent no-repeat -140px -70px;
  cursor:pointer;
  color:#7FFF00;
}


/** general table setting */
table, thead, tbody, tfoot, td, th, tr {
    margin:0px;
    padding:0px;
    outline:0px;
    border-collapse: collapse;
    border:1px solid #555;
    text-align: center;
}

/** ---------------------------------- order section ----------------------- */
#order_header {position:relative; top:-630px; left:700px; width:420px;}
#order_header span {display:inline-block; height:30px; background-color: #222; border-right:1px solid #444;}

#order {position:relative; top:-630px; left:700px; width:420px; height:350px; overflow-y: scroll;}

#order table {
    border-radius: 5px 5px 0 0;
    height:200px;
}

#order table thead {}

#order table tr td input {
    margin:0px;
    padding-left:5px;
    font-size:18px;
    color:#67C3DF;
    background-color:#000;
}

#order table tbody tr{
    background-color:#000;
}

/** ------------------------------- size box -----------------------*/
#sizebox {position:relative; top:-625px; left:700px; height:30px; width:400px;}
#sizebox div {width:120px; padding-left:5px; margin:2px; height:30px; float:left; background-color: #222;}
#sizebox div:hover {cursor:pointer;}
#sizebox div.activesize {background-color: #000000;}

/** --------------------------------- register --------------------- */
#register {position:relative; top:-550px; left:700px; height:300px; width:400px; padding-left:20px;}
#register div {margin:10px;}

/** -------------------------------- option ----------------------- */
#optioncentral {position:relative; top:-720px; left:0px; height:120px; width:700px; padding-left:20px;}
#optioncentral p {display:inline-block; height:25px; width:120px; font-size:16px; background-color:#111;
    margin:5px; text-align: center; padding-top:5px;}
#optioncentral p:hover {color:#F5E819; cursor:pointer; background-color: #000;}